<template>
  <div class="box">
    <div class="videoContainer">
      <div class="videoPart">
        <FlvVideo></FlvVideo>
      </div>
    </div>
    <div class="btnContainer">
      <el-button type="primary">拍照保存</el-button>
    </div>
  </div>
</template>
<script setup>
import FlvVideo from "@/components/FlvVideo.vue";
</script>
<style scoped>
.box{
  padding-top: 20px;
}
.videoContainer{
  width: 800px;
  height:400px;
  display: flex;
  background: url('@/assets/images/roombg.png') center center no-repeat;
  background-size: cover;
  margin-bottom: 20px;
  .videoPart{
    margin: auto;
    width: 400px;
    height:250px;
  }
}
</style>
